<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./css/reset.css" />


    <!-- 自定义样式 -->
    <link rel="stylesheet" href="./css/index.css" />


    <link rel="stylesheet" href="./assets/font-awesome-4.7.0/css/font-awesome.min.css" />

</head>

<body>


    <div class="search">

        <div class="logo">

            <a href="#"></a>



        </div>
        <div class="cates">

            <span> <a href="#">Xiaomi手机 </a> </span>
            <span> <a href="#"> Redmi手机</a> </span>
            <span> <a href="#"> 电视</a> </span>
            <span> <a href="#"> 笔记本</a> </span>
            <span> <a href="#"> 平板</a> </span>
            <span> <a href="#"> 家电</a> </span>
            <span> <a href="#"> 路由器</a> </span>
            <span> <a href="#"> 服务中心</a> </span>
            <span> <a href="#"> 社区</a> </span>



        </div>
        <div class="searchWrap">

            <input type="text" placeholder="吹风机">
            <span>
                <i class="fa fa-search"></i>
            </span>

        </div>
    </div>




</body>

</html>